// 1. 点击去注册按钮
$('#link_reg').on('click', function() {
        $('.logon-box').hide()
        $('.reg-box').show()
    })
    // 2. 点击去登陆按钮
$('#link_login').on('click', function() {
    $('.logon-box').show()
    $('.reg-box').hide()
})

// 3. 验证注册表单
let form = layui.form;
form.verify({
    // 用户名
    username: function(value, item) { //value：表单的值、item：表单的DOM对象
        let reg = /^[a-z0-9_-]{2,16}$/i
        if (!reg.test(value)) {
            return '用户名只能是2-16位数字,字母的组合';
        }
    },
    // 密码
    password: [
        /^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'
    ],
    // 确认密码
    suerPwd: function(value) {
        if (this.value !== $('#pwd').val()) {
            return '两次密码不一致'
        }
    }
});

$('.layui-form ').on('submit', function(e) {
    e.preventDefault()
})

// 4. 监听注册表单提交事件
$('#reg_form').on('submit', function(e) {
        e.preventDefault()
            // 发送ajax请求
        axios({
            method: 'post',
            url: '/api/reguser',
            data: `username=${$('#username').val()}&password=${$('#pwd').val()}`
        }).then(res => {
            if (res.data.status === 0) {
                layer.msg('注册成功');
                $('#link_login').click()
            } else {
                layer.msg('注册失败');
            }
        })
    })
    // 5. 监听登陆表单的提交事件
$('#form_login').on('submit', function(e) {
    e.preventDefault()
        // 发送ajax请求
    axios({
        method: 'post',
        url: '/api/login',
        // 请求体为查询字符串格式
        data: `username=${$('#username1').val()}&password=${$('#pwd1').val()}`
    }).then(res => {
        if (res.data.status === 0) {
            layer.msg('登陆成功');
            localStorage.setItem('token', res.data.token)
                // 登陆成功跳转到首页
            location.href = '../index/index.html'
        } else {
            layer.msg('登陆失败');
        }
    })
})